/*h1, h2, h3, h4, h5, h6,p {    margin: 0;}*/

.title-bar {    background: none!important;}

/* NÃO ESTAVA RESPEITANDO O TAMANHO DAS IMAGENS NO GRUPO DE PÁGINAS, OBSERVAR SE VAI AFETAR OUTRO LUGAR */
.media-object.stack-for-small .media-object-section img {
   /*width: auto!important;*/
	/* deu problema no ponto id, nas imagens de grupo de página ficavam esticadas*/
}

/*CORRIGE LOCAL DA PAGINAÇÃO PARA FICAR POR BAIXO */
.paginate-pagination{clear: both!important}

/* SE TIRAR, AJUSTA A IMAGEM EM GRUPO DE PÁGINAS, SENÃO ELA FICA PEQUENA, E NÃO RESPEITA O TAMANHO DEFINIDO*/
.media-object-section figure img{ max-width:none!important}

/*CORRIGE CSS CATÁLOGO LOADING */
.df-container .loading-info{ color: #2F2F2F!important;}

/*  CORRIGE BUG INPUT AMARELO, Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/* CUSTON MENU OFFSET LEFT */
.off-canvas.position-left,.off-canvas.position-right {
	z-index: 999!important;
    height: 100%!important;
}


/* CORRIGE ESPAÇAMENTO NEGATIVO DO TEXT HELP DOS FORMULÁRIOS */
.help-text {
    margin-top: 0!important;
}

/* CSS PARA MENSAGEM DE LOADING DE PRODUTOS VIA CLIQUE NA CATEGORIA */
.show_produtos_loading{ display: block; padding: 20px; background: #f1f1f1; border: #ccc 1px solid; color: #666;}

/* CUSTOM MENU SUBPAGINAS */
.custom_submenu{ float:inherit;}
.custom_submenu>li>a{ color: #666; font-size: 12px; padding-left: 20px;}
.custom_submenu>li>a:hover,.custom_submenu>li>a.active,.custom_submenu>li>a.active:hover{color: #444; text-decoration:underline;}

/* BOTÃO FECHAR POPUP*/
.popup-close {
    height: 28px;
    width: 28px;
    left: auto;
    right: 10px;
    bottom: auto;
    top: 10px;
    padding: 4px;
    color: #ffffff;
    font-family: inherit;
    font-size: 20px;
    line-height: 20px;
    border: 1px none #ffffff;
    border-radius: 42px;
    box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 );
    background-color: #666;
}


/* CORRIGIR TAMANHO IMAGENS CAROUSEL */
.owl-carousel .owl-item img {
    width: auto!important;
}

/* CSS PAGIANÇÃO */
.easyPaginateNav{display:inline-block; margin: 40px auto; text-align: center; margin-left: 20px;}
.easyPaginateNav a { position: relative;
    float: left;
    padding: 6px 12px;
	font-size: 12px;
	font-family: tahoma;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}

.easyPaginateNav a:hover {

    background-color: #f1f1f1!important;
}
.easyPaginateNav a.current:hover {

    background-color:#337ab7!important;
}
.easyPaginateNav a.current {

    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

/* CSS PLAYER YOUTUBE */
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  width: 100%;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/*video {
  width: 100% !important;
  height: auto !important;
}*/

.play-icon.youtube-icon {
    background: url(//sitepressbr.com/site/img/play_youtube.png) center center no-repeat;
}

.play-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* CSS COMPONENTE PREÇO / DESCONTO */
.preco_comparativo{
	opacity:.5;
	text-decoration:line-through;
	margin-right:10px;	
}


/* CSS BOTÃO ORÇAMENTO */
.quantity {
	margin: 0 15px 25px 0;
	overflow: hidden;
	position: relative;
	width: 125px;
	height: 35px;
	float: left;
}
.quantity .minus,.quantity .minus_prod {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
}
.quantity .plus,.quantity .plus_prod {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
	right: 0;
	top: 0;
}
.quantity .qty {
	border: 1px solid #CCC;
	box-shadow: none;
	float: left;
	height: 35px;
	padding: 0 39px;
	text-align: center;
	width: 125px;
	font-size: 1em;
}

.quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity .qty::-ms-clear {
	display: none;
}
/* FIM CSS BOTÃO ORÇAMENTO */


.fullWidthContent {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.titulo_form{ margin-top:40px; margin-bottom:20px; border-bottom:1px solid #000;}

.MultiFile-list>.MultiFile-label{    display: block;
    border: 1px dashed #999;
    padding: 10px;
    margin-bottom: 20px;}

.pageload {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  /*background-color: white;*/
  
    background-color: rgba(255, 255, 255, 0.8)!important;
  z-index: 99999;
}
.pageload .loader {
    position: absolute;
    margin: -12px 0 0 -12px;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 24px;
}

.nav{line-height: 1.2;}
/*.menu {
    margin-bottom: -4px!important;
}*/

.galeria{ color:#888; font-weight:200!important; font-size:12px;}
.galeria:hover{ color:#444;}

img{
	/*max-width:100%!important;*/
	height:auto!important;
	vertical-align: top;
}

.item_gallery{ width:100%;}

.top-bar, .top-bar ul {
     background-color:inherit; 
	 padding:0;
}
.menu-centered {
    text-align: center;
}
.menu-centered > .menu {
    display: inline-flex;
}

.sticking{ width:100%; left:0; top:0; z-index:9999;/*background-color : #ffffff ; */}

figure{margin:0px!important;}

/*.columns-bottom {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}*/

.copyright{ color:inherit;}
.copyright:hover{ text-decoration:underline;}

.column.align-bottom, .align-bottom.columns {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.column.align-middle, .align-middle.columns {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}




/* Home Slider - Revolution Slider */
.slider-container {
	background: #171717;
	height: 500px;
	overflow: hidden;
	width: 100%;
	direction: ltr;
}

.tparrows {
	border-radius: 6px;
}

.slider-single-slide .tparrows {
	display: none;
}

.top-label {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
	 text-shadow: 2px 2px #000;
}

 .main-label {
	color: #FFF;
	font-size: 62px;
	line-height: 62px;
	font-weight: 800;
	 text-shadow: 2px 2px #000;

}

.featured-label {
	color: #FFF;
	font-size: 52px;
	line-height: 52px;
	font-weight: 800;
	 text-shadow: 2px 2px #000;
}

.bottom-label {
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	 text-shadow: 1px 1px #000;
}

.btn-primary {
    color: #666;
    background-color: #FFF;
    border-color: #CCC #CCC #CCC;
}





.box_rounded, .box_rounded img {
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
	/* ajustar borda
	width: max-content;*/
}
.box_outline, .box_outline_circle {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px;
	display:block;
    border: 1px solid #EBEBEB;
	/* ajustar borda
	width: max-content;*/
}
.box_outline img, .box_outline_circle img {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #EBEBEB;
}
.box_border, .box_border_circle {
    border-radius: 0;
	background-color: #EBEBEB;
	display:block;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    border: none;
	/* ajustar borda
	width: max-content;*/
}
.box_border img, .box_border_circle img {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
	
}
.box_shadow{ display:block;border: 1px solid #EBEBEB;
/* ajustar borda
width: max-content;*/
}
.box_shadow, .box_shadow img, .box_shadow_border, .box_shadow_border img, .box_shadow_border_circle, .box_shadow_border_circle img, .box_shadow_circle, .box_shadow_circle img {
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.box_shadow_border, .box_shadow_border_circle {
    padding: 6px;
	display:block;
	/* ajustar borda*/
	/*width: max-content; deu bug no mobile, não respita o width 100% estourando o layout*/
}
.box_shadow_3d {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
	display:block;
	border: 1px solid #EBEBEB;
	/* ajustar borda
	width: max-content;*/
}
.box_shadow_3d img {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.box_border_circle,.box_circle,.box_outline_circle, .box_shadow_border_circle,.box_shadow_circle{ display:block; border:1px solid #EBEBEB;
/* ajustar borda
width: max-content;*/
}

.box_border_circle, .box_border_circle img, .box_circle, .box_circle img, .box_outline_circle, .box_outline_circle img, .box_shadow_border_circle, .box_shadow_border_circle img, .box_shadow_circle, .box_shadow_circle img {
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}
.box_shadow_border_circle, .box_shadow_border_circle img, .box_shadow_circle, .box_shadow_circle img {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.align_center {
    text-align: center;
}
.align_right {
    text-align: right;
}
.align_left {
    text-align: left;
}
.box_shadow_3d {
    position: relative;
    z-index: 0;
    display: inline-block;
    max-width: 100%}
.box_shadow_3d:after, .box_shadow_3d:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .6);
    box-shadow: 0 15px 10px rgba(0, 0, 0, .6);
    left: 5px;
    right: 50%;
    bottom: 8px;
    height: 30%;
    z-index: -1;
    border-radius: inherit;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    transform: skewY(-6deg);
}
.box_shadow_3d:after {
    left: 50%;
    right: 5px;
    -webkit-transform: skewY(6deg);
    -ms-transform: skewY(6deg);
    transform: skewY(6deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%}
.figure-caption {
    margin-top: .2em;
    font-size: .8em;
}
.box_outline.vc_box_border_blue, .box_outline_circle.vc_box_border_blue {
    border-color: #5472D2;
}
.box_border.vc_box_border_blue, .box_border_circle.vc_box_border_blue {
    background-color: #5472D2;
}
.box_outline.vc_box_border_turquoise, .box_outline_circle.vc_box_border_turquoise {
    border-color: #00C1CF;
}
.box_border.vc_box_border_turquoise, .box_border_circle.vc_box_border_turquoise {
    background-color: #00C1CF;
}
.box_outline.vc_box_border_pink, .box_outline_circle.vc_box_border_pink {
    border-color: #FE6C61;
}
.box_border.vc_box_border_pink, .box_border_circle.vc_box_border_pink {
    background-color: #FE6C61;
}
.box_outline.vc_box_border_violet, .box_outline_circle.vc_box_border_violet {
    border-color: #8D6DC4;
}
.box_border.vc_box_border_violet, .box_border_circle.vc_box_border_violet {
    background-color: #8D6DC4;
}
.box_outline.vc_box_border_peacoc, .box_outline_circle.vc_box_border_peacoc {
    border-color: #4CADC9;
}
.box_border.vc_box_border_peacoc, .box_border_circle.vc_box_border_peacoc {
    background-color: #4CADC9;
}
.box_outline.vc_box_border_chino, .box_outline_circle.vc_box_border_chino {
    border-color: #CEC2AB;
}
.box_border.vc_box_border_chino, .box_border_circle.vc_box_border_chino {
    background-color: #CEC2AB;
}
.box_outline.vc_box_border_mulled_wine, .box_outline_circle.vc_box_border_mulled_wine {
    border-color: #50485B;
}
.box_border.vc_box_border_mulled_wine, .box_border_circle.vc_box_border_mulled_wine {
    background-color: #50485B;
}
.box_outline.vc_box_border_vista_blue, .box_outline_circle.vc_box_border_vista_blue {
    border-color: #75D69C;
}
.box_border.vc_box_border_vista_blue, .box_border_circle.vc_box_border_vista_blue {
    background-color: #75D69C;
}
.box_outline.vc_box_border_black, .box_outline_circle.vc_box_border_black {
    border-color: #2A2A2A;
}
.box_border.vc_box_border_black, .box_border_circle.vc_box_border_black {
    background-color: #2A2A2A;
}
.box_outline.vc_box_border_grey, .box_outline_circle.vc_box_border_grey {
    border-color: #EBEBEB;
}
.box_border.vc_box_border_grey, .box_border_circle.vc_box_border_grey {
    background-color: #EBEBEB;
}
.box_outline.vc_box_border_orange, .box_outline_circle.vc_box_border_orange {
    border-color: #F7BE68;
}
.box_border.vc_box_border_orange, .box_border_circle.vc_box_border_orange {
    background-color: #F7BE68;
}
.box_outline.vc_box_border_sky, .box_outline_circle.vc_box_border_sky {
    border-color: #5AA1E3;
}
.box_border.vc_box_border_sky, .box_border_circle.vc_box_border_sky {
    background-color: #5AA1E3;
}
.box_outline.vc_box_border_green, .box_outline_circle.vc_box_border_green {
    border-color: #6DAB3C;
}
.box_border.vc_box_border_green, .box_border_circle.vc_box_border_green {
    background-color: #6DAB3C;
}
.box_outline.vc_box_border_juicy_pink, .box_outline_circle.vc_box_border_juicy_pink {
    border-color: #F4524D;
}
.box_border.vc_box_border_juicy_pink, .box_border_circle.vc_box_border_juicy_pink {
    background-color: #F4524D;
}
.box_outline.vc_box_border_sandy_brown, .box_outline_circle.vc_box_border_sandy_brown {
    border-color: #F79468;
}
.box_border.vc_box_border_sandy_brown, .box_border_circle.vc_box_border_sandy_brown {
    background-color: #F79468;
}
.box_outline.vc_box_border_purple, .box_outline_circle.vc_box_border_purple {
    border-color: #B97EBB;
}
.box_border.vc_box_border_purple, .box_border_circle.vc_box_border_purple {
    background-color: #B97EBB;
}
.box_outline.vc_box_border_white, .box_outline_circle.vc_box_border_white {
    border-color: #FFF;
}
.box_border.vc_box_border_white, .box_border_circle.vc_box_border_white {
    background-color: #FFF;
}

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}


/* SEPARATOR WITH TEXT */
.separador {
  position: relative;
  overflow: hidden;
}
.separador span {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  position: relative;
  padding: 0 20px;
}
.separador span:before,
.separador span:after {
  content: '';
  display: block;
  width: 1000px;
  position: absolute;
  top: 0.73em;
  border-top: 1px solid #000;
}
.separador span:before {
  right: 100%;
}
.separador span:after {
  left: 100%;
}
.separador-solid span:before,
.separador-solid span:after {border-style: solid!important;}
.separador-dotted span:before,
.separador-dotted span:after {border-style: dotted!important;}
.separador-dashed span:before,
.separador-dashed span:after {border-style: dashed!important;}
.separador-double span:before,
.separador-double span:after {border-style: double!important;}
.separador-shadow span:before,
.separador-shadow span:after{  height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
.separador-shadow2 span:before,
.separador-shadow2 span:after{  border: 0;   height: 1px;  
  background-image: -webkit-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
  background-image: -moz-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
  background-image: -ms-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
  background-image: -o-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b); }

.separador-strip span:before,
.separador-strip span:after{height: 6px;
	background: url(../img/hr-strip.png) repeat-x 0 0;
    border: 0;}
.separador-strip2 span:before,
.separador-strip2 span:after{height: 6px;
	background: url(../img/hr-strip2.png) repeat-x 0 0;
    border: 0;}


hr.hr-solid{border-style: solid!important;}
hr.hr-dashed{border-style: dashed!important;}
hr.hr-dotted{border-style: dotted!important;}
hr.hr-double{border-style: double!important;}
hr.hr-shadow{  height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
hr.hr-shadow2{  border: 0;   height: 1px;  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }
hr.hr-strip{height: 6px;
	background: url(../img/hr-strip.png) repeat-x 0 0;
    border: 0;}
hr.hr-strip2{height: 6px;
	background: url(../img/hr-strip2.png) repeat-x 0 0;
    border: 0;}
	

.dropdown.menu .submenu {
    list-style: none;
    text-align: left;
    padding:10px;
	
}
/* arruma z-index do dropdown nos menus*/
.dropdown.menu .submenu {    z-index: 2;}

.dropdown.menu .submenu>li>a{color:#666; display:block; border-bottom:1px solid #ddd;padding: 8px;}
.dropdown.menu .submenu>li>a:hover{ color:#000;}

.carousel { display: table;  width: 100%;  height:auto;	}
.carousel>.item_carousel {display: table-cell;text-align: center;vertical-align: middle;}


.mobile-ofc {background-color:#000000;	font-size: 0.8125rem;	font-weight: bold;}
.mobile-ofc a{ color:#ddd;}
.mobile-ofc a:hover{ color:#fff;}
	
.close-button { color:#ddd!important;}

.close-button:hover {color: #fff!important;}

@media (max-width: 767px){
.menu-centered > .menu { display:block;}
figure{ line-height:50%!important}
}
	
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow>a::after {   top: 37%;}/*!important*/



/*   #################################### */
/*   #################################### */

/*   CÓDIGO ROW SEPARATOR DIVOSORIAS */

/*   #################################### */
/*   #################################### */

section::before,
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

/* Triangles TOP */
.ss-style-triangles-top::before {
	left: 50%;
	width: 100px;
	height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
.ss-style-triangles-top::before {	top: -50px;	background: inherit;}

/* Triangles BOTTOM */
.ss-style-triangles-bottom::after {
	left: 50%;
	width: 100px;
	height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
.ss-style-triangles-bottom::after {	bottom: -50px;	z-index: 10;	background: inherit;}



/* Diagonal TOP */
.ss-style-diagonal-top {
	z-index: 1;
	/*padding-top: 6em;*/
	background: darken($color1, 11%);
}
.ss-style-diagonal-top::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}


/* Diagonal BOTTOM */
.ss-style-diagonal-bottom {
	z-index: 1;
	/*padding-top: 6em;*/
	background: darken($color1, 11%);
}
.ss-style-diagonal-bottom::before{
	bottom: -100px;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.ss-style-doublediagonal-bottom::before {
	height: 50%;
	background: #003434;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
}

/* Double Diagonal TOP */
.ss-style-doublediagonal-top {
	z-index: 1;
	/*padding-top: 6em;*/
	background: darken($color1, 11%);
}
.ss-style-doublediagonal-top::before,
.ss-style-doublediagonal-top::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.ss-style-doublediagonal-top::before {
	height: 50%;
	background: rgba(0, 0, 0, 0.27);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
}

/* Double Diagonal BOTTOM */
/*.ss-style-doublediagonal-bottom {
	z-index: 1;
	background: darken($color1, 11%);
}
.ss-style-doublediagonal-bottom::before,
.ss-style-doublediagonal-bottom::after {
	bottom: -100px;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.ss-style-doublediagonal-bottom::before {
	height: 50%;
	background: rgba(0, 0, 0, 0.27);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
}*/

/* Half Circle Top */
.ss-style-halfcircle-top::before {
	left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 3em 0;
}
.ss-style-halfcircle-top::before {	top: -50px;}

/* Half Circle  Bottom*/
.ss-style-halfcircle-bottom::after {
	left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 3em 0;
}
.ss-style-halfcircle-bottom::after {	bottom: -50px;}


/* Small Triangle Bottom */
.ss-style-smalltriangle-bottom::after {
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
.ss-style-smalltriangle-bottom::after {
	bottom: -25px;
	z-index: 10;
	background: inherit;
	box-shadow: -50px 50px 0 transparent, 50px -50px 0 transparent;
}

/* Small Triangle Top */
.ss-style-smalltriangle-top::before{
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.ss-style-smalltriangle-top::before {
	top: -25px;
	background: inherit;
	box-shadow: -50px 50px 0 transparent, 50px -50px 0 transparent;
}

/* Rounded corners Top */
.ss-style-roundedcorners-top::after {
	bottom: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 60px;
	border-radius: 60px 60px 0 0 ;
	background: inherit;
}

/* Rounded corners Bottom */
.ss-style-roundedcorners-bottom::before {
	top: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 60px;
	border-radius: 0 0 60px 60px;
	background: inherit;
}

/* Rounded center split and bottom rounded  TOP*/
.ss-style-roundedsplit-top {
	/*padding-top: 7em;*/
	border-radius: 0 0 80px 80px;
}
.ss-style-roundedsplit-top::before,
.ss-style-roundedsplit-top::after {
	top: -70px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
	background: inherit;
}
.ss-style-roundedsplit-top::before {
	border-radius: 0 80px 0 0;
}
.ss-style-roundedsplit-top::after {
	left: 50%;
	border-radius: 80px 0 0 0;
}


/* Slit TOP */

.ss-style-slit-top::before, 
.ss-style-slit-top::after {
	width: 50.5%;
	width: -webkit-calc(50% + 10px);
	width: -moz-calc(50% + 10px);
	width: calc(50% + 10px);
	height: 160px;
	background:inherit;
	top: -150px;
}

.ss-style-slit-top::before {
	left: -20px;
	-webkit-transform: skewX(10deg);
	transform: skewX(10deg);
	box-shadow: -10px -20px rgba(0, 0, 0, 0.27);
}

.ss-style-slit-top::after {
	right: -20px;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	box-shadow: 10px -20px rgba(0, 0, 0, 0.27);
}




/* NÃO TESTADOS */

/* Rounded center split and bottom rounded  BOTTOM*/
.ss-style-roundedsplit-bottom {
	padding-bottom: 7em;
	border-radius: 0 0 80px 80px  ;
}
.ss-style-roundedsplit-bottom::before,
.ss-style-roundedsplit-bottom::after {
	bottom: -100px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
	background: inherit;
}
.ss-style-roundedsplit-bottom::before {
	border-radius:  0 80px 0 0 ;
}
.ss-style-roundedsplit-bottom::after {
	left: 50%;
	border-radius:  80px 0 0 0 ;
}


/* Big Triangle */
svg#bigTriangleColor {
	pointer-events: none;
}

#bigTriangleColor path {
	fill: darken($color1, 7%);
	stroke: darken($color1, 7%);
	stroke-width: 2;
}

/* Curves */
#curveUpColor path,
#curveDownColor path {
	fill: darken($color1, 7%);
	stroke: darken($color1, 7%);
}

/* Multiple Triangles PRECISA DE COR*/
.ss-style-multitriangles::before,
.ss-style-multitriangles::after {
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.ss-style-multitriangles::before {
	top: -25px;
	background: inherit;
	box-shadow: -50px 50px 0 #005c5c, 50px -50px 0 #005c5c;
}

.ss-style-multitriangles::after {
	bottom: -25px;
	z-index: 10;
	background: inherit;
	box-shadow: -50px 50px 0 #005c5c, 50px -50px 0 #005c5c;
}





/* Inverted rounded corners PRECISA DE COR*/
.ss-style-invertedrounded {
	margin-bottom: 90px;
	padding: 13em 10% 10em;
	border-radius: 0 0 0 90px;
}

.ss-style-invertedrounded::before,
.ss-style-invertedrounded::after {
	left: 0;
	z-index: -1;
	height: 90px;
	background: darken($color1, 7%);
}

.ss-style-invertedrounded::before {
	top: 100%;
	width: 100%;
	border-radius: 0 90px 0 0;
} 

.ss-style-invertedrounded::after {
	bottom: 0;
	z-index: -1;
	width: 50%;
}


/* Zig Zag (3d up and simple down) PRECISA DE COR*/
.ss-style-zigzag::before,
.ss-style-zigzag::after {
    right: 0;
    left: 0;
    z-index: 10;
    display: block;
    height: 90px;
    background-size: 50px 100%;
  }

.ss-style-zigzag::before {
	top: -90px;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, darken($color1, 7%)))!important;
	background-image:
		linear-gradient(315deg, darken($color1, 2%) 25%, transparent 25%),
		linear-gradient( 45deg, darken($color1, 7%) 25%, transparent 25%)!important;
	background-position: 50%;
}

.ss-style-zigzag::after {
	top: 100%;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #005c5c), color-stop(0.25, teal));
    background-image: linear-gradient(135deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(225deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%);
	background-position: 50%;
}

/* Edges  PRECISA DE COR*/
.ss-style-roundedges {
	padding-bottom: 16em;
}

.ss-style-roundedges::before,
.ss-style-roundedges::after {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: teal;
	top: -100px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ss-style-roundedges::before {
	left: -100px;
}

.ss-style-roundedges::after {
	right: -100px;
}


/* Big half circle */
#bigHalfCircle path {
	fill: darken($color1, 7%);
	stroke: darken($color1, 7%);
}

/* Big triangle with shadow */

#trianglePath1 {
	fill: darken($color1, 7%);
	stroke: darken($color1, 7%);
} 

#trianglePath2 {
	fill: darken($color1, 13%);
	stroke: darken($color1, 13%);
}

/* Inclined Zig Zag */
.ss-style-inczigzag::before,
.ss-style-inczigzag::after {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100px 100%;
}

.ss-style-inczigzag::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, darken($color1, 11%)), color-stop(0.5, darken($color1, 7%)));
	background-image: linear-gradient(15deg, darken($color1, 7%) 50%, $color1 50%);
}

.ss-style-inczigzag::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, darken($color1, 7%)), color-stop(0.5, $color1));
	background-image: linear-gradient(15deg, $color1 50%, darken($color1, 7%) 50%);
}